.me{
  background-color: rgba(221, 221, 221, 0.38);


  .login,.noLogin {

    .header {
      height: 240px;
      display: flex;
      justify-content: flex-start;
      background-color: #ffffff;

      .avator {
        width: 160px;
        height: 160px;
        padding: 30px 40px;
        border-radius: 50%;
        flex-shrink: 0;

        image {
          width: 160px;
          height: 160px;
          background-image: url("https://img0.baidu.com/it/u=1855725179,2561304587&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1658595600&t=f55296d1f7d04ff97304b5eb0d6b9637");
          border-radius: 50%;
        }
      }
      .header_right {
        flex-shrink: 1;
        width: 500px;
        height: 160px;

        .iconfont {
          font-size: 40px;
          margin-right: 20px;
        }

        .right_fir {
          width: 100%;
          height: 40px;
          box-sizing: border-box;
          padding-right: 20px;
          line-height: 40px;
          text-align: right;
        }
        .right_sec {
          font-size: 36px;
          height: 50px;
          line-height: 50px;
        }
        .right_thr {
          font-size: 28px;
          box-sizing: border-box;
          padding-top: 10px;
          padding-right: 20px;
          height: 150px;
          line-height:50px;
          color: #aaa;
        }
      }
    }

    .list {
      margin-top: 20px;
      padding: 0 20px;
      background-color: #fff;

      .list_item {
        height: 100px;
        line-height: 100px;
        font-size: 36px;
        display: flex;
        justify-content: flex-start;
        box-sizing: border-box;
        padding-left: 20px;
        border-bottom: 2px solid #ccc;

        .iconfont {
          font-size: 46px;
          margin-right: 20px;
        }
        .title {
          width: 600px;
          flex-shrink: 1;
        }

        &:active {
          background-color: #ddd;
        }
      }
      .list_item_no {
        border: none;
      }
    }


  }

  .noLogin {
    margin-bottom: 10px;
    .login_box {
      background-color: #ffffff;
      width:100%;
      height: 400px;
      padding-top: 140px;
      .login_btn {
        width: 200px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        margin: 0 auto 140px;
        border: 1px solid #ccc;
        border-radius: 20px;
        &:active {
          background-color: #888;
          color: #f0f0f0;
        }
      }
    }
  }
}

